<template>
  <div>
    <el-menu
        style="width: 120px; min-height: calc(100vh - 50px)"
        default-active="user"
        :default-openeds="[1]"
        class="el-menu-vertical-demo"
        router>

      <el-menu-item index="/leave" >研学请假</el-menu-item>
      <el-menu-item index="/move" >研学调换</el-menu-item>
      <el-menu-item index="/meeting" >会议请假</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "Aside"
}
</script>

<style scoped>
@media screen and (max-width:768px){
  .el-menu{
    width: 100% !important;
    min-height: 30px !important;
    display: flex !important;
    
  }
  .el-menu-item{
    display: inline-block !important;
    flex-grow: 1 !important;
    text-align: center !important;
  }

}
</style>
